@import "../../style/index.scss";

/deep/ .MuiTabs-indicator {
    color: pink !important;
}


.content {
    height: 100vh;
    background: $bg-color2;
    & .head {
        padding: 20px 5%;
        width: 90%;
        height: 35vh;
        background: url("https://sls-cloudfunction-ap-guangzhou-code-1309209904.cos.ap-guangzhou.myqcloud.com/bg.png") no-repeat center center;
        -moz-background-size:100% 100%; 
        background-size:100% 100%;
        & .top {
            display: flex;
            align-items: center;
            justify-content: left;
            & .right_h {
                margin-left: 1.5%;
                & .right_h_top {
                    font-size: $font3;
                    color: $color;
                    margin-bottom: 1%;
                }
                & .right_h_bottom {
                    font-size: $font;
                    color: $color2;
                }
            }
        }
        & .center {
            margin: 2% 0;
        }
        & .bottom {
            
        }
    }

    & .title {
        padding: 20px 5%;
        width: 90%;
        height: 5vh;
        font-size: $font3;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: left;
    }
    & .list {
        & .list_head {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            padding: 5px 0;
            width: 100%;
            background-color: $bg-color3;
            box-shadow: 1px 1px 5px 1px $bg-color3;
            & .classify {
                margin: 10px 0;
                padding: 0 5%;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
        }
        & .list_content {
            width: 100%;
            padding-bottom: 60px;
        }
    }
}



.item_native {
    color: $color5 !important;
}